<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="description" content="RunJS,在线编写、展示html、js、css代码，拥有实时预览、分享、Fork、代码高亮、自动完成等多项特性，提供文件上传、多种登录方式。">
        <meta name="keywords" content="RunJS runjs JavaScript CSS HTML 在线运行 展示 效果">
        <title>RunJS</title>
        <!--[if lt IE 10]>
            <script type="text/javascript">
                var unsupport = true;
            </script>
        <![endif]-->
        <script type="text/javascript">
            if (unsupport == true) {
                location.href = "/unsupport";
            }
        </script>
        <link rel="stylesheet" type="text/css" href="js/CodeMirror-2.25/lib/codemirror.css">
        <link rel="stylesheet" type="text/css" href="js/CodeMirror-2.25/theme/theme.css?20121021">
        <link rel="stylesheet" href="css/theme.css?20121211" type="text/css">
        <link rel="stylesheet" href="css/zebra_dialog.css" type="text/css">
        <link rel="stylesheet" href="css/style1.css?2012120502" type="text/css">
        <link rel="stylesheet" href="js/CodeMirror-2.25/lib/util/simple-hint.css"
        type="text/css">
        <script type="text/javascript">
            editor_path = "/code"
        </script>
        <!-- <script type="text/javascript" src="js/all.js?2012121305"></script> -->
		<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
		<script type="text/javascript" src="js/api.js"></script>
		<script type="text/javascript" src="js/resource.js"></script>
		<script type="text/javascript" src="js/coffeescript.js"></script>
		<script type="text/javascript" src="js/less.js"></script>
		<script type="text/javascript" src="js/coffee-script.js"></script>
		<script type="text/javascript" src="js/zebra_dialog.js"></script>
		<script type="text/javascript" src="js/resize2.js"></script>
		<script type="text/javascript" src="js/utils.js"></script>
        <script type="text/javascript">
            //初始化全局状态
            g_status = {
                once: false,
                login: false,
                isMyCode: false,
                isOtherCode: false,
                hasNoCode: true,
                isDemo: true,
                sign: '',
                codeid: 0,
                codename: '',
                project: 0,
                version: 0,
                ident: '',
                host: 'http://runjs.cn',
                shost: 'http://sandbox.runjs.cn',
                mode: 'code',
                htmlType: 1,
                cssType: 1,
                jsType: 1
            };
            User = {
                user: 0,
                v_code: '',
                admin: false
            };
            Setting = {
                theme: "night"
            };
            //if (isNotEmpty(g_status.ident)) updateUrl(g_status.host + editor_path + "/" + g_status.ident);
            g_mode = 'code';
        </script>

        <!-- <link rel="stylesheet" href="plugins/code/css/plugin_code_css" type="text/css">
        		<script src="plugins/code/js/plugin_code_js" type="text/javascript"></script> -->
        <script type="text/javascript">
            var runjs;
            $(document).ready(function () {
                dialog = new Dialog();
                flow = new Flow();
                var explorer = new Explorer({
                    target: $(".explorer"),
                    fold: $(".fold_control"),
                    core: $(".core"),
                    show: false
                });
                var editor = new Editor({
                    target: $(".editor_wrapper")
                });
                var menu = new Menu({
                    target: $(".headerMenu"),
                });
                runjs = new RunJS({
                    editor: editor,
                    explorer: explorer,
                    menu: menu,
                    flow: flow,
                    dialog: dialog,
                    plugins: plugins,
                    cur_opt: "login",
                    mode: 'code'
                });
            });
        </script>
        <script type="text/javascript" src="js/CodeMirror-2.25/lib/util/foldcode.js"></script>
        <script type="text/javascript" src="js/CodeMirror-2.25/lib/util/closetag.js"></script>
        <script type="text/javascript" src="js/js_beautify.js"></script>
    </head>
    
    <body class="NightTheme" ryt13627="1">
        <div id="main_container">
            <div class="header">
                <a href="/">

			<div class="logo">

				<h1>RunJS</h1>

			</div>

			</a>
                <div class="headerMenu">
                    <div class="menuItem btnGroup login">
                        <div class="select" id="logout" style="display:none;">
                            <span id="msg_count" style="display:none;">0</span>
                        </div>
                        <div class="btn" id="prelogin" onclick="javascript:runjs.dialog.get(&quot;login&quot;);">登录</div>
                        <div class="btn" id="help">帮助(
                            <span style="text-decoration:underline;">F1</span>)</div>
                        <div class="btn" id="editor_setting">设置</div>
                    </div>
                    <div class="btnGroup menuItem">
                        <div class="btn" id="save">保存(
                            <span style="text-decoration:underline;">S</span>)</div>
                        <div class="btn share" style="border-left:0;" id="share">分享</div>
                    </div>
                    <div class="view_control menuItem">
                        <div class="view">视图：</div>
                        <div class="view">
                            <input type="checkbox" id="html_view" checked="checked">
                            <label for="html_view">HTML</label>
                        </div>
                        <div class="view">
                            <input type="checkbox" id="js_view" checked="checked">
                            <label for="js_view">JavaScript</label>
                        </div>
                        <div class="view">
                            <input type="checkbox" id="css_view" checked="checked">
                            <label for="css_view">CSS</label>
                        </div>
                        <div class="view">
                            <input type="checkbox" id="pre_view" checked="checked">
                            <label for="pre_view">预览</label>
                        </div>
                    </div>
                    <!-- Generated by RunJS (Wed Nov 13 16:55:01 CST 2013) 1ms -->
                </div>
            </div>
            <div class="explorer" style="display: none; height: 612px;"></div>
            <div class="fold_control on" style="display:none;"></div>
            <div id="core" class="core core_margin1">
                <div class="toolBar">
                    <div class="toolItem library" id="jquery">
                        <div class="select">
                            <div class="title">Ajax 框架
                                <div class="arrow_bottom_blue"></div>
                            </div>
                            <ul style="display:none;">
                                <li class="lib_name" title="jquery">jQuery</li>
                                <li id="jquery_183" title="jQuery 1.8.3">jQuery 1.8.3</li>
                                <li id="jquery_182" title="jQuery 1.8.2">jQuery 1.8.2</li>
                                <li id="jquery_180" title="jQuery 1.8.0">jQuery 1.8.0</li>
                                <li id="jquery_172" title="jQuery 1.7.2">jQuery 1.7.2</li>
                                <li id="jquery_164" title="jQuery 1.6.4">jQuery 1.6.4</li>
                                <li id="jquery_151" title="jQuery 1.5.1">jQuery 1.5.1</li>
                                <li id="jquery_144" title="jQuery 1.4.4">jQuery 1.4.4</li>
                                <li class="lib_name" title="dojo">Dojo</li>
                                <li id="dojo_181" title="Dojo 1.8.1">Dojo 1.8.1</li>
                                <li id="dojo_180" title="Dojo 1.8.0">Dojo 1.8.0</li>
                                <li id="dojo_160" title="Dojo 1.6.0">Dojo 1.6.0</li>
                                <li id="dojo_141" title="Dojo 1.4.1">Dojo 1.4.1</li>
                                <li class="lib_name" title="mootools">MooTools</li>
                                <li id="mootools_145" title="Mootools 1.4.5">Mootools 1.4.5</li>
                                <li id="mootools_125" title="Mootools 1.2.5">Mootools 1.2.5</li>
                                <li class="lib_name" title="prototype">Prototype</li>
                                <li id="prototype_1710" title="Prototype 1.7.1.0">Prototype 1.7.1.0</li>
                                <li id="prototype_1700" title="Prototype 1.7.0.0">Prototype 1.7.0.0</li>
                                <li id="prototype_1610" title="Prototype 1.6.1.0">Prototype 1.6.1.0</li>
                            </ul>
                        </div>
                    </div>
                    <div class="toolItem library" id="jquery">
                        <div class="select">
                            <div class="title">移动开发框架
                                <div class="arrow_bottom_blue"></div>
                            </div>
                            <ul style="display: none;">
                                <li id="others_sencha_touch_2011" title="Sencha Touch 2.0.1.1">Sencha Touch 2.0.1.1</li>
                                <li id="others_zepto_10rc1" title="Zepto 1.0rc1">Zepto 1.0rc1</li>
                                <li class="lib_name" title="jquerymobile">jQuery Mobile</li>
                                <li id="jquerymobile_120" title="jQuery Mobile 1.2.0">jQuery Mobile 1.2.0</li>
                                <li id="jquerymobile_111" title="jQuery Mobile 1.1.1">jQuery Mobile 1.1.1</li>
                                <li id="jquerymobile_101" title="jQuery Mobile 1.0.1">jQuery Mobile 1.0.1</li>
                                <li class="lib_name" title="jqmobi">jqMobi</li>
                                <li id="jqmobi_min" title="jqMobi.min.js">jqMobi.min.js</li>
                                <li id="jqmobi1_ui" title="jq.ui.min.js">jq.ui.min.js</li>
                                <li id="jqmobi2_ui" title="jq.popup.js">jq.popup.js</li>
                            </ul>
                        </div>
                    </div>
                    <div class="toolItem library" id="jquery">
                        <div class="select">
                            <div class="title">UI 框架
                                <div class="arrow_bottom_blue"></div>
                            </div>
                            <ul style="display: none;">
                                <li id="others_extjs_411a" title="ExtJS 4.1.1a">ExtJS 4.1.1a</li>
                                <li id="others_jquery_easyui_131" title="jQuery easy UI 1.3.1">jQuery easy UI 1.3.1</li>
                                <li id="others_dwzui_144" title="DWZ UI 1.4.4">DWZ UI 1.4.4</li>
                                <li class="lib_name" title="bootstrap">Bootstrap</li>
                                <li id="bootstrap_221" title="Bootstrap v2.2.1">Bootstrap v2.2.1</li>
                                <li class="lib_name" title="jqueryui">jQuery UI</li>
                                <li id="jqueryui_191" title="jQuery UI 1.9.1">jQuery UI 1.9.1</li>
                                <li class="lib_name" title="yui">YUI</li>
                                <li id="yui_330" title="YUI 3.3.0">YUI 3.3.0</li>
                                <li id="yui_282" title="YUI 2.8.2">YUI 2.8.2</li>
                            </ul>
                        </div>
                    </div>
                    <div class="toolItem library" id="jquery">
                        <div class="select">
                            <div class="title">jQuery 插件
                                <div class="arrow_bottom_blue"></div>
                            </div>
                            <ul style="display: none;">
                                <li id="jqueryplugins1_jquery_cookie_13" title="jQuery cookie">jQuery cookie</li>
                                <li id="jqueryplugins2_jqueryform_282" title="jQuery forms 2.8.2">jQuery forms 2.8.2</li>
                                <li id="jqueryplugins3_jquery_cookies_220" title="jQuery cookies 2.2.0">jQuery cookies 2.2.0</li>
                                <li id="jqueryplugins4_jquery_validity_120" title="jQuery validity 1.2.0">jQuery validity 1.2.0</li>
                                <li id="jqueryplugins5_jquery_uploadify_32"
                                title="jQuery uploadify 3.2">jQuery uploadify 3.2</li>
                                <li id="jqueryplugins6_jquery_jqgrid_441" title="jQuery jqGrid 4.4.1">jQuery jqGrid 4.4.1</li>
                                <li id="jqueryplugins7_jquery_colorbox_132" title="jQuery ColorBox 1.3.2">jQuery ColorBox 1.3.2</li>
                                <li id="jqueryplugins8_fancybox_213" title="jQuery fancyBox 2.1.3">jQuery fancyBox 2.1.3</li>
                                <li id="jqueryplugins9_jquery_rotate_22" title="jQuery Rotate 2.2">jQuery Rotate 2.2</li>
                            </ul>
                        </div>
                    </div>
                    <div class="toolItem library" id="jquery">
                        <div class="select">
                            <div class="title">HTML5 相关
                                <div class="arrow_bottom_blue"></div>
                            </div>
                            <ul style="display: none;">
                                <li id="others_processing_141" title="Processing 1.4.1">Processing 1.4.1</li>
                                <li id="others_es5_shim_124" title="ES5 shim 1.2.4">ES5 shim 1.2.4</li>
                                <li id="others_jquery_html5_uploader" title="jQuery HTML5 Uploader">jQuery HTML5 Uploader</li>
                                <li id="others_jcanvascript_1518" title="jCanvaScript-1.5.18">jCanvaScript-1.5.18</li>
                                <li id="others_canvastext_041" title="CanvasText-0.4.1">CanvasText-0.4.1</li>
                            </ul>
                        </div>
                    </div>
                    <div class="toolItem library" id="jquery">
                        <div class="select">
                            <div class="title">工具库
                                <div class="arrow_bottom_blue"></div>
                            </div>
                            <ul style="display: none;">
                                <li id="others_underscore_133" title="underscore 1.3.3">underscore 1.3.3</li>
                                <li id="others_raphael_210" title="Raphael 2.1.0">Raphael 2.1.0</li>
                                <li id="others_sammy_063" title="Sammy 0.6.3">Sammy 0.6.3</li>
                                <li id="others_modernizr_262" title="Modernizr 2.6.2">Modernizr 2.6.2</li>
                            </ul>
                        </div>
                    </div>
                    <div class="toolItem library" id="jquery">
                        <div class="select">
                            <div class="title">其他库
                                <div class="arrow_bottom_blue"></div>
                            </div>
                            <ul style="display: none;">
                                <li id="wind_070" title="Wind.js 0.7.0">Wind.js 0.7.0</li>
                                <li class="lib_name">others</li>
                                <li id="others_ztree_34" title="zTree 3.4">zTree 3.4</li>
                                <li id="others_backbone_091" title="Backbone 0.9.1">Backbone 0.9.1</li>
                                <li id="others_coffeescript" title="CoffeeScript">CoffeeScript</li>
                                <li id="others_less_130" title="Less 1.3.0">Less 1.3.0</li>
                                <li id="others_twitterlib" title="TwitterLib">TwitterLib</li>
                                <li id="others_script_aculo_us_183" title="script.aculo.us 1.8.3">script.aculo.us 1.8.3</li>
                                <li id="others_kinetic_v412" title="kinetic-v4.1.2">kinetic-v4.1.2</li>
                                <li id="others_angular_103" title="AngularJS-1.0.3">AngularJS-1.0.3</li>
                            </ul>
                        </div>
                    </div>
                    <div class="toolItem view">
                        <input type="checkbox" checked="" id="js_switcher">
                        <label for="js_switcher">启用JavaScript</label>
                    </div>
                    <div class="toolItem view">
                        <input type="checkbox" checked="" id="preview_switcher">
                        <label for="preview_switcher">启用实时预览</label>
                    </div>
                </div>
                <div class="editor_wrapper" style="height: 549px;">
                    <fieldset class="editorSet left" style="width: 50%;">
                        <div class="editor html top" style="height: 50%;">
                            <span class="quick_tools" style="display: none;">
                                <span>HTML</span>
                                <img src="img/arrow-out.png" width="14">
                            </span>
                            <textarea rows="10" cols="40" id="code_html" 
							style="position: absolute; left: -10000px; width: 10px;">
							</textarea>
                            
                        </div>
                        <div class="handler handler_horizontal" style="top: 270px;"></div>
                        <div class="editor js bottom" style="height: 50%;">
                            <span class="quick_tools" style="display: none;">
                                <span onclick="runjs.editor.chooseJsType();">JavaScript</span>
                                <img src="img/arrow-out.png" width="14" class="">
                            </span>
                            <textarea rows="10" cols="40" id="code_js" style="position: absolute; left: -10000px; width: 10px;"></textarea>
                            
                </div>
                </fieldset>
                <div class="handler handler_vertical" style="left: 663px;"></div>
                <fieldset class="editorSet right" style="width: 50%;">
                    <div class="editor css top" style="height: 50%;">
                        <span class="quick_tools" style="display: none;">
                            <span onclick="runjs.editor.chooseCssType();">CSS</span>
                            <img src="img/arrow-out.png" width="14">
                        </span>
                        <textarea rows="10" cols="40" id="code_css" style="position: absolute; left: -10000px; width: 10px;"></textarea>
                        
                    </div>
                    <div class="handler handler_horizontal" style="top: 270px;"></div>
                    <div class="editor preview bottom" style="height: 50%;">
                        <span class="quick_tools" style="display: none;">
                            <span>预览</span>
                            <img src="img/arrow-out.png" width="14">
                        </span>
                        <iframe id="preview" frameborder="0"></iframe>
                    </div>
                </fieldset>
            </div>
        </div>
        </div>
    </body>

</html>